.container{
    width: 1210px;
    margin: 0 auto;
}
.header{
     height: 588px;
}

.nav{
    height: 98px;
    line-height: 98px;
    /* background-color: red; */
}



.nav-r{
    float: right;
    height: 98px;
}

.i{
    font-size: 18px;
    margin: -5px;
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
}
.i:hover{
    color: white;
    background-color: #20adf6;
}

.banner{
    display: block;
    margin-top: -100px;
    margin-left: -190px;
}

.mark1{
    height: 708px;
}

.title{
    width: 1210px;
    text-align: center;
    font-size: 46px;
    margin-top: 27px;
}

.tit1{
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}

.box{
    margin-top: 28px;
    width: 1210px;
    height: 460px;
    display: grid;
    grid-template-rows: repeat(2,1fr);
    grid-template-columns: repeat(3,1fr);
    gap: 50px 10px;
}

.inner{
    text-align: center;
    height: 230px;
    box-sizing: border-box;
    /* border: 1px solid #000; */
}

.tit2{
    margin-top: 20px;
    font-size: 28px;
}
.tit2con{
    text-align: initial;
    margin-top: 10px;
    margin-left: 22px;
    font-size: 14px;
    line-height: 17px;
   
}

.mark2{
    background-color: #f5f5f5;
    height: 416px;
}

.title2{
    width: 1210px;
    text-align: center;
    font-size: 46px;
    padding-top: 27px;
}

.box2{
    margin-top: 28px;
    width: 1210px;
    height: 224px;
    
}

.inner1{
    height: 224px;
    width: 786px;
    display: inline-block;
}                             

.inntitle{
    font-size: 28px;
    margin-bottom: 15px;
}
.inncon{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 50px;
}
.inn1 img{
    margin-right: 26px;
}

.inner2{
    height: 224px;
    width: 370px;
    display: inline-block;
    margin-left: 45px;
    vertical-align: top;
}

.inner2con{
    font-size: 14px;
    line-height: 33.4px;
    display: inline-block;
    width: 370px;
}

.mark3{
    height: 490px;

}

.foot{
    height: 244px;
    background-color: #252e3f;
    color: #c7ccd6;
}

.boxf{
    display: inline-block;
    padding-top: 28px;
    width: 1020px;
    height: 174px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.innerf{
    height: 126px;
}

.ftitle{
    font-size: 18px;
    margin-bottom: 10px;
}

.fcon{
    font-size: 14px;
    line-height: 20px;
}

.er{
    margin-top: -172px;
    float: right;
}

.fd{
    text-align: center;
    font-size: 14px;
    color: #c7ccd6;
}